﻿@{
    ViewBag.Title = "MenuLeft";
}

<div id="dvHeaderIntroduction" class=" ">
    <div style="display: block; margin: 0 auto; width: 66px;">
        <img src="~/WebKits/images/Logo.png" alt=" " onerror="ImgError(this)">
    </div>
</div>
<div id="divProductRange">
    <div class="firstItem">
        <i>►</i>
        <em>▼</em>
        Product Range
    </div>
    <ul>
        <li id="View-All" class="Product-Range selected" data-label=" ">View All</li>
        <li id="BackToSchool" class="Product-Range " data-label="BackToSchool">Back To School</li>
        <li id="BagTag" class="Product-Range " data-label="BagTag">Bag Tags </li>

            <li id="Bin-Stickers" class="Product-Range " data-label="BinStickers">Bin Stickers</li>
        <li id="Calendar" class="Product-Range " data-label="Calendar">Calendars</li>

            <li id="Coffee-Mugs" class="Product-Range " data-label="Mugs">Coffee Mugs</li>
                        
        <li id="Clock" class="Product-Range " data-label="Clock">Clocks </li>
        <li id="Diary" class="Product-Range " data-label="Diary">Diary</li>
            <li id="Door-Signs" class="Product-Range " data-label="DoorSigns">Door Signs</li>
            <li id="Fan-Banners" class="Product-Range " data-label="FanBanners">Fan Banners</li>
        <li id="HeightChart" class="Product-Range " data-label="HeightChart">Height Charts </li>
            <li id="Mouse-Mats" class="Product-Range " data-label="MouseMats">Mouse Mats</li>
            <li id="Notebooks" class="Product-Range " data-label="Notebooks">Notebooks</li>
            <li id="School-Lables" class="Product-Range " data-label="SchoolLabels">School Labels</li>
        <li id="iPhone-Covers" class="Product-Range " data-label="iPhoneCovers">iPhone Covers</li>
        <li id="PetRange" class="Product-Range " data-label="PetRange">Pet Range</li>

        <li id="Steeden-Balls" class="Product-Range " data-label="SteedenBalls">Steeden Balls</li>
        <li id="Team-Prints" class="Product-Range " data-label="Team Prints">Team Prints</li>
    </ul>
    <div class="firstItem">
        <i>►</i>
        <em>▼</em>
        Price Range
    </div>
    <ul>
        <li id="liGiftUnder20" class="Price-Range ">Gifts Under $20</li>
        <li id="liGiftUnder50" class="Price-Range ">Gifts Under $50</li>
        <li id="liGiftUnder100" class="Price-Range ">Gifts Under $100</li>

    </ul>
</div>
<div class="clearfix"></div>
<script src="~/WebKits/js/jquery-1.9.1.js"></script>
<script>
    $(".Product-Range").click(function () {
        //alert('aa');
        $(".Product-Range").addClass("selected");
    });
    //$(".Product-Range").addClass(function (index, currentClass) {
    //    var addedClass;

    //    if (currentClass === "Product-Range") {
    //        addedClass = ".Product-Range selected";
    //        //$("p").text("There is one green div");
    //    }
    //    return addedClass;
    //});
</script>